<template>
  <div class='interview-container'>
    <el-card class="box-card">
      <!-- 头部搜索框和按钮 -->
      <div class="interview-header">
        <el-form :inline="true" :model="interViewFormData" class="demo-form-inline">
          <el-form-item label="审批人">
            <el-input v-model="formInline.user" placeholder="审批人"></el-input>
          </el-form-item>
          <el-form-item label="状态">
            <el-select v-model="interViewFormData.state" placeholder="请选择">
              <el-option v-for="item in stateList" :key="item.value" :label="item.label" :value="item.value"></el-option>
            </el-select>
          </el-form-item>
          <el-form-item>
            <el-button type="primary" >清除</el-button>
            <el-button type="primary" >查询</el-button>
          </el-form-item>
        </el-form>
        <el-button size="mini" icon="el-icon-edit" type="success" >新增技巧</el-button>
      </div>
    </el-card>
  </div>
</template>

<script>
// 导入状态固定数据源
import { status } from '@/api/hmmm/constants'
export default {
  name: 'InterView',
  data () {
    return {
      // 状态列表
      stateList: [],
      // 面试技巧请求数据
      interViewFormData: {
        page: 1,
        pagesize: 10,
        keyword: '',
        state: ''
      }
    }
  },
  created () {
    this.getStateList()
  },
  methods: {
    getStateList () {
      status = this.stateList
    }
  }
}
</script>

<style scoped lang='less'>
.box-card {
  margin: 12px;
}
</style>
